<template>
  <div>
    <h3>{{ title }}</h3>
    <child></child>
    <child></child>
  </div>
</template>

<script>
import child from '@/components/child.vue'

export default {
  data() {
    return {
      title: '父组件'
    }
  },
  components: { child },
  mounted() {
    // 得到当前组件它下面的所有的子组件，数组
    console.log(this.$children)
    // 得到当前vue项目的根节点 对象
    console.log('parent',this.$root)
  }
}
</script>

<style lang="scss"></style>
